<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>背景</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style media="screen">
        body{
            background-color: #111;
            color: #ccccd8;
            font-size: 26px;
        }
        .plane{
            position: absolute;
        }
        html{ overflow-x: hidden; overflow-y: hidden; }
    </style>
</head>
<body>
    <div class="show">

    </div>
</body>
<script type="text/javascript" src="//mirror.fe80.cn/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript">
    var names = "Haproxy,UserAgent,Redis,HelloWorld,Websocket,Swoole,Hexo,Jekyll,Hugo,LNMP,MarkDown,SDK,HTML,CSS,javascript,jQuery,Vue.js,React,Node.js,Express,Ajax,Bootstrap,Layui,Github,Linux,Windows,Python,Flask,Django,Bash,Go,Lua,,Nginx,Tengine,Apache,Ansible,bind,MySQL,MongoDB,SaltStack,OpenResty,PHP,TCP/IP,DNS,HTTP,SSL/LTS";
    var namex = names.split(',');
    var len = namex.length;
    var rtop = function(){
        return Math.floor((window.innerHeight - 30) * Math.random());
    }
    var rname = function(){
        return namex[Math.floor(len * Math.random())];
    }

    var generator = function(){
        var dom = $('<div class="plane">'+rname()+'</div>');
        dom.css('top',rtop()+'px');
        dom.css('left','-60px');
        $('.show').append(dom);
        var a = -60;
        var bx = setInterval(function(){
            dom.css('left',a+'px');
            a++;
            if( a >= window.innerWidth ){
                clearInterval(bx);
                dom.remove();
            }
        },10);
    }

    generator();
    setTimeout(function(){
        generator();
    },300);
    setTimeout(function(){
        generator();
    },900);
    var create = setInterval(function(){
        generator();
    },1300);
</script>
</html>
